<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set value="700" var="menu" scope="application"/>
<head>
    <title>totoro-关于</title>
</head>
<body>
<div class="container row">

    <div class="col-md-3">
        <div class="bs-sidebar hidden-print affix" role="complementary">
            <ul class="nav bs-sidenav">
                <li class="active">
                    <a href="#introduce">概览</a>
                    <ul class="nav">
                        <li><a href="#introduce">what is totoro</a></li>
                        <li><a href="#introduce">why totoro</a></li>
                        <li><a href="#introduce">what we do</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#t-member">成员</a>
                    <ul class="nav">
                        <li><a href="#t-member">祝峰</a></li>
                        <li><a href="#t-member">晓梅</a></li>
                        <li><a href="#t-member">磊磊</a></li>
                        <li><a href="#t-member">杨妈</a></li>
                        <li><a href="#t-member">世飞</a></li>
                        <li><a href="#t-member">全民</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#join-us">期待您的加入</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="col-xs-12 col-md-9" role="main">
        <div class="jumbotron" id="introduce" style="margin-top: 20px">
            <h2>欢迎来到Totoro的世界!</h2>
            <h3>what is totoro</h3>
            <p>Totoro即是龙猫，一种靠卖萌为生的动物。。。</p>
            <h3>why totoro</h3>
            <p>因为我们唯一的萌妹纸的要求。。。</p>
            <h3>what we do</h3>
            <p>E1的某个角落里生活着一群逗比的程序员，他们。。。</p>
        </div>

        <hr class="featurette-divider">

        <div class="jumbotron" id="t-member" style="margin-top: 20px">
            <hr class="featurette-divider">
            <div class="row">
                <h2>成员</h2>
                <div class="col-lg-4">
                    <img class="img-circle" style="background: url('${pageContext.request.contextPath}/images/avatar_zhufeng.liu.png') no-repeat center"/>
                    <h3>zhufeng.liu</h3>
                    <p>且高且丑且兽</p>
                    <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
                </div>
                <div class="col-lg-4">
                    <img class="img-circle" style="background: url('${pageContext.request.contextPath}/images/avatar_xiaomei.yang.png') no-repeat center">
                    <h3>xiaomei.yang</h3>
                    <p>晓梅只是个软妹纸。。。</p>
                    <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
                </div>
                <div class="col-lg-4">
                    <img class="img-circle" style="background: url('${pageContext.request.contextPath}/images/avatar_lei.li.png') no-repeat center">
                    <h3>lei.li</h3>
                    <p>且闷且骚</p>
                    <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
                </div>
                <div class="col-lg-4">
                    <img class="img-circle" style="background: url('${pageContext.request.contextPath}/images/avatar_yijie.yang.png') no-repeat center">
                    <h3>yijie.yang</h3>
                    <p>Mother. yang</p>
                    <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
                </div>
                <div class="col-lg-4">
                    <img class="img-circle" style="background: url('${pageContext.request.contextPath}/images/avatar_shifei.chen.png') no-repeat center">
                    <h3>shifei.chen</h3>
                    <p>且闷且骚兔</p>
                    <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
                </div>
                <div class="col-lg-4">
                    <img class="img-circle" style="background: url('${pageContext.request.contextPath}/images/avatar_quanmin.li.png') no-repeat center">
                    <h3>quanmin.li</h3>
                    <p>s magna.</p>
                    <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
                </div>
            </div>
        </div>

        <hr class="featurette-divider">

        <div class="jumbotron" id="join-us" style="margin-top: 20px">
            <h1>Hello, world!</h1>
            <p>This is an example to show the potential of an offcanvas layout pattern in Bootstrap. Try some
                responsive-range viewport sizes to see it in action.</p>
        </div>

    </div>
</div>

<script type="text/javascript" src="${pageContext.request.contextPath}/js/biz/about.js"></script>

</body>